<template>
  <div class="h-left">
    <router-link class="ico" :to="{name: 'recommend'}">
      <span class="music-bg"></span>
      <h1 class="title">网易云音乐</h1>
    </router-link>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.h-left {
  .ico {
    display: flex;
    align-items: center;
    .music-bg {
      display: inline-block;
      height: 2.4rem;
      width: 2.4rem;
      border-radius: 50%;
      background: url("../../assets/images/logo.png") no-repeat left top / 100%
        100%;
    }
  }
  .title {
    color: #fff;
    font-size: 2rem;
    margin-bottom: 0.3rem;
    margin-left: 0.3rem;
  }
}
</style>